<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>人员添加页面</title>
  <link rel="stylesheet" href="../../../yl/index.css" />
  <!-- 布局样式 -->
  <link rel="stylesheet" href="../../../yl/style.css" />
  <link rel="stylesheet" href="../../../yl/mobile.css" />
  <link rel="stylesheet" href="../../../yl/easyui.css" />
  <link rel="stylesheet" href="../../../yl/icon.css" />
  <style>
    .full-width-container {
      width: 100vw;
      margin-left: -20px;
      padding: 20px;
      box-sizing: border-box;
    }

    /* 容器基础样式 */
    .dia_y {
      width: 50%;
      margin: 1%;
      height: 400px;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative;
      /* border: 1px solid #ccc; /* 加上边框更贴近示例 */
      border-radius: 4px;
    }

    .dia_z {
      /* border: 2px solid #ccc; */
      width: 50%;
      margin: 1%;
      height: 400px;
      overflow-y: auto;
      overflow-x: hidden;
      position: relative;
      /* 为子元素固定定位提供参考 */
    }

    .sticky-input {
      position: sticky;
      top: 0;
      /* 固定在容器顶部 */
      background: #fff;
      /* 背景色与容器一致 */
      z-index: 10;
      /* 确保输入框在树组件上方 */
      padding: 10px 0;
      /* 保持与原布局一致的间距 */
      border-bottom: 1px solid #eee;
      /* 可选：添加分隔线 */
    }

    .scroll-content {
      padding-top: 10px;
      /* 为固定输入框留出空间 */
      height: calc(100% - 50px);
      /* 滚动内容区域高度 */
    }

    /* 顶部统计栏 */
    .xuche {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 15px;
      background-color: #f5f7fa;
      border-bottom: 1px solid #e4e7ed;
    }

    /* 多选框列表区域 */
    .checkbox-grid {
      padding: 10px 15px;
    }

    /* 调整多选框样式，让每个选项垂直分布更合理 */
    .el-checkbox {
      display: block;
      margin-bottom: 8px;
    }

    /* 滚动条样式（可选，让滚动条更美观） */
    .dia_y::-webkit-scrollbar {
      width: 6px;
    }

    .dia_y::-webkit-scrollbar-thumb {
      background-color: #c0c4cc;
      border-radius: 3px;
    }

    .dia_y::-webkit-scrollbar-track {
      background-color: #f5f7fa;
    }
  </style>
</head>

<body>
  <!-- <div id="app"> -->
  <div class="easyui-navpanel" id="app" v-cloak>
    <!-- <header>
          <div class="m-toolbar panel-header panel-header-noborder ">
            <div class="m-title">巡逻计划信息</div>
          </div>
        </header> -->
<header>
      <div class="m-toolbar" v-cloak>
        <div class="m-title">巡逻计划信息</div>
      </div>
    </header>
    <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px"
      id="MainTable" ref="MainTable"
      :data-options="JSON.stringify({ 'TableName': 'patrol_task', 'form': 'dataForm','primary_key':'Task_SerialNumber' })">



      <div class="yl-main">

        
        <div id="ChildTable" style="height: 100%; display: flex; flex-direction: column;">
          <el-descriptions
            :data-options="JSON.stringify({ 'TableName': 'patrol_taskPlan', 'form': 'tabledata', 'ParentTableName': 'patrol_task'})">

          </el-descriptions>



          <el-table :data="currentTableData" height="100%" v-loading="loading" border style="width: 100%;margin-top: 20px;">
            <el-table-column prop="PlanDate" label="日期" align="center">
            </el-table-column>
            <el-table-column prop="Task_SerialNumber" label="巡逻任务编码" align="center">
            </el-table-column>
            <el-table-column prop="Task_Area" label="巡逻区域" align="center">
            </el-table-column>
            <el-table-column prop="team_SerialNumber" label="巡逻队编码" align="center">
            </el-table-column>
            <el-table-column prop="team_name" label="巡逻队名称" align="center">
            </el-table-column>
            <el-table-column prop="Contact_Phone" label="联系电话" align="center">
            </el-table-column>



            <!-- <el-table-column label="操作" fixed="right" width="150">
              <template #default="scope">
                <el-button size="small" @click="handleEdit(scope.row)">
                  编辑人员
                </el-button>
                

              </template>
            </el-table-column> -->
          </el-table>
          <el-pagination style="flex-shrink: 0;margin-top: 10px;" @size-change="handleSizeChange" @current-change="handleCurrentChange"
            :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize"
            layout="total, sizes, prev, pager, next, jumper" :total="tabledata.length">
          </el-pagination>

          <!-- <el-pagination style="margin-top: 1%;" :current-page="page.PageNumber" :page-size="page.RowAmount"
                    :page-sizes="[10, 100, 200, 300, 400]" layout="total, sizes, prev, pager, next, jumper"
                    :total="tableData.length" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> -->
        </div>
      </div>
    </div>
    <footer class="botton-ann">
      <el-button @click="goBack">返回</el-button>
      <el-button type="primary" plain @click="handleSubmit" :loading="loading">提交</el-button>
    </footer>
  </div>
</body>

<script src="../../../utils/utils.js"></script>
<script src="../../../utils/compressor.js"></script>
<script src="../../../utils/wangeditor.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../utils/ID_Validity.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/planMake.js"></script>

</html>